﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Mta.Master" AutoEventWireup="true" CodeBehind="BlogListAdvanced.aspx.cs" Inherits="Press.MVC.Web.Views.Mta.BlogListAdvanced" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
	
	<link rel="STYLESHEET" type="text/css" href="../../Content/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.css">
	<link rel="STYLESHEET" type="text/css" href="../../Content/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid_skins.css">
	<script  src="../../Content/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
	<script  src="../../Content/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
	<script  src="../../Content/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
	<script  src="../../Content/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_selection.js"></script>
	<script  src="../../Content/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_nxml.js"></script>
	
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
<br />
Features:<br />
- Add a select list filter to the toolbar for active/inactive blogs<br />
- Turn into treegrid and show posts below each blog, and show comments below each post<br />
<br /><br />
Toolbar<br />
- Add Blog<br />
- Edit Blog<br />
- Delete Blog<br />
- Disable Blog<br />

  
	<table width="100%">
		<tr>
			<td width="500px" valign="top">
				<div id="MtaBlogGrid" width="500px" height="250px" style="background-color:white;overflow:hidden"></div>
			</td>
		

		</tr>
	
	</table>


<style>

.dhtmlxGrid_selection {
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
	background-color:#83abeb;
	opacity:0.5;
}


</style>
<script>


function CreateBlogGrid()
{
	mygrid = new dhtmlXGridObject("MtaBlogGrid");
	mygrid.setImagePath("../../codebase/imgs/");
	mygrid.setHeader(",Blog Name,Sub Title,Status");
	mygrid.setInitWidths("50,150,120,80")
	mygrid.setColAlign("left,left,left,center")
	mygrid.setColTypes("ro,ro,ro,ro");
	mygrid.setColSorting("int,str,str,str")
	mygrid.enableAlterCss("even","uneven");
    mygrid.init();
	mygrid.setSkin("modern")
	mygrid.loadXML("/mta/GetBlogsAdvanced");
}

CreateBlogGrid();
</script>

    
</asp:Content>

